@charset "utf-8";
/* CSS Document */
#head .menu { position: absolute; right: 71px; height: 120px; line-height: 120px; }
#head .menu>li { float: left; position: relative; text-align: center; padding: 0px 26px; background: url(../images/menu-bar.png) no-repeat; background-position: center right; }
#head .menu>li:last-child { background: none !important; }
#head .menu>li:after { position: absolute; left: 20%; width: 0; height: 2px; bottom: 10px; font-size: 0; background: #555555; content: ''; display: block; transition: all .18s; }
#head .menu>li.A:after { width: 60%; }
#head .menu>li>a { font-size: 18px; color: #333; line-height: 60px; display: inline-block; transition: line-height .35s, height .35s, color .25s; }
#head .menu>li.A>a { color: #555555; }
#head .menu>li>div { min-width: 160px; background: #555555; box-shadow: 0px 2px 3px rgba(0,0,0,.2); position: absolute; left: 0; top: 120px; display: none; transition: top .35s; }
#head .menu>li>div>a { display: block; height: 41px; line-height: 40px; text-align: left; border-bottom: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.8); padding: 0 50px 0 20px; font-size: 13px; transition: all .35s; white-space: nowrap; position: relative; overflow: hidden; }
#head .menu>li>div>a:after { content: ''; display: block; width: 20px; height: 20px; position: absolute; background: url(../images/arrow.png) no-repeat center center; right: 35px; top: 12px; filter: alpha(opacity=0); opacity: 0; transition: all .5s; }
#head .menu>li>div>a:last-child { border-bottom: 0px none; }
#head .menu>li>div>a:hover { background: #009F88; color: rgba(255,255,255,1); }
#head .menu>li>div>a:hover:after { right: 20px; filter: alpha(opacity=60); opacity: .6; }
#head .menu>li>div>a:last-child:hover { border-bottom: 0px none; }

@media screen and (max-width: 1400px) {
#head .menu { right: 71px; }
#head .menu>li { padding: 0px 16px; }
}